<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详细内容</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/common.css" type="text/css">
    <!--[if IE 8]>
	<link rel="stylesheet" href="${newframe}/css/base/IE8.css" type="text/css"/>
	<![endif]-->
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <script src="${assets}/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script src="${assets}/bootstrapValidator/js/language/zh_CN.js"></script>
    <script src="${assets}/js/jquery.serializejson.js"></script>


    <script>
        $(document).ready(function () {
            $('#myForm').bootstrapValidator({
                message: 'This value is not valid',
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    configName: {
                        validators: {
                            notEmpty: true
                        }
                    },
                    key: {
                        validators: {
                            notEmpty: true
                        }
                    }
                }
            }).on('success.form.bv', function (e) {
                e.preventDefault();

                console.log("============================================");
                console.log($("#id").val());
                var _url="";
                if($("#id").val() == null || $("#id").val() == ''){
                    _url =  '${URL_SYS_CONFIG_LIST_ADD}';
                }else{
                    _url =  '${URL_SYS_CONFIG_LIST_UPDATE}';
                }

                $.ajax({
                    url: _url,
                    type: 'post',
                    data:$('#myForm').serialize(),
                    async: false, //默认为true 异步
                    error: function (data) {
                        console.log("error================="+data);
                        console.log(data);
                        console.log("error================="+data);
                        alert('error');
                    },
                    success: function (data) {
                        closeFrame();
                    }
                });

            });
        });
        //关闭并刷新
        function closeFrame() {
            window.parent.closeModal();
        }
    </script>
</head>
<body style="width: 98%">
<form id="myForm" class="form-horizontal" method="post">
    <input type="hidden" id="id" name="id" value="${entity.id}"/>
    <div class="clearfix">
        <div class="form-group col-sm-6">
            <label class="col-sm-4 control-label">配置名称</label>
            <div class="col-sm-8">
                <input type="text" id="configName" name="configName" class="form-control" value="${entity.configName}">
            </div>
        </div>
        <div class="form-group col-sm-6">
            <label class="col-sm-4 control-label">主键</label>
            <div class="col-sm-8">
                <input type="text" id="key" name="key" class="form-control" value="${entity.key}">
            </div>
        </div>
        <div class="form-group col-sm-6">
            <label class="col-sm-4 control-label">值</label>
            <div class="col-sm-8">
                <input type="text" id="value" name="value" class="form-control" value="${entity.value}">
            </div>
        </div>
        <div class="form-group col-sm-6">
            <label class="col-sm-4 control-label">备注</label>
            <div class="col-sm-8">
                <input type="text" id="remark" name="remark" class="form-control" value="${entity.remark}">
            </div>
        </div>
    </div>
    <div class="modal-footer" style="text-align: center ">
        <button type="button" class="btn btn-default" data-dismiss="modal" id="closeModalButt" onclick="closeFrame()">
            关闭
        </button>
        <button type="submit" class="btn btn-primary">保存</button>
    </div>
</form>
</body>
</html>